<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>sm3</title>
    <!--    <script th:src="@{/js/sm3/sm3.js}"></script>-->
    <!--    <script th:src="@{/js/jquery.min.js}"></script>-->

    <script src="../static/js/sm3/sm3.js"></script>
    <script src="../static/js/jquery.min.js"></script>
</head>
<body>
<h1>SM3 (可以将加密后的数据与后台sm3工具类执行的数据进行对比{前后端联数据对比暂不支持中文})</h1>
<button onclick="reset()">重置</button>
<br>
<div class="toolbar">

    <input style="width: 500px; height: 25px" type="text" value="Hello Word 杰 @ 4" placeholder="请输入当前要加密的文本"
           id="encode-text"/>
    <button onclick="generateCipher()">生成密文</button>
    <br>
    <hr/>
    加密后的数据：<textarea style="width: 500px; height: 60px" type="text" placeholder="加密后的数据" id="encryptData"></textarea>

</div>

<script>

    /**
     * 产生密码
     * */
    function generateCipher() {
        var data = $('#encode-text').val();
        var encryptData = encryptSm3(data);
        $('#encryptData').val(encryptData);
    }

    /**
     * 重置文本框
     * */
    function reset() {

        $("#encode-text").val("Hello Word 杰 @ 4");
        $('#encryptData').val("");

    }

    /**
     * sm3加密
     * */
    function encryptSm3(content) {

        if (content === undefined) {
            return "";
        }
        var sm3 = SM3(content);
        return sm3;
    }

</script>


</body>
</html>